.search_header{
	position: fixed;
    z-index: 1000;
    top: 0;
    width: 100%;
    .search_wrap {
	    padding:.6rem 4.2rem .6rem 3rem;
	    max-width: 640px;
	    -moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		-o-box-sizing: border-box;
		-ms-box-sizing: border-box;
		box-sizing: border-box;
	    position: relative;
	    margin: 0 auto;
	    background-color: #fafafa;
	    .back{
		    display: inline-block;
		    position: absolute;
		    width: 1rem;
		    margin-left: -3rem;
		    a{
			    font-size: 2.5rem;
			    color: #808289;
			    width: 2.4rem;
			    height: 2.4rem;
			    display: block;
			    background: url(../images/back.png)no-repeat center center;
			    background-size: 80% auto;
    			cursor: pointer;
			}
		}
		.input_text{
		    position: relative;
		    display: inline-block;
		    width: 100%;
		    border-radius: 1.25rem;
		    overflow: hidden;
		    line-height: 2.5rem;
			height: 2.5rem;
		    padding: 0 2rem;
		    -moz-box-sizing: border-box;
			-webkit-box-sizing: border-box;
			-o-box-sizing: border-box;
			-ms-box-sizing: border-box;
			box-sizing: border-box;
		    background-color: #eaeaea;
		    input{
		    	width: 100%;
			    padding: 0 .5rem;
			    height: 1.6rem;
			    line-height: 1.6rem;
			    overflow-x: hidden;
			    overflow-y: auto;
			    font-size: 1rem;
			    color: #747474;
			    border: none;
				background-color: #eaeaea;
			    outline: none;
			    -moz-box-sizing: border-box;
				-webkit-box-sizing: border-box;
				-o-box-sizing: border-box;
				-ms-box-sizing: border-box;
				box-sizing: border-box;
		    }
		    .search_icon{
		    	width: 2rem;
		    	height: 100%;
		    	position: absolute;
		    	left: 0;
		    	top: 0;
		    	background: url(../images/search1.png)no-repeat center center;
		    	background-size: 80% auto;
		    }
		   
		}
		.search_btn {
		    display: inline-block;
		    position: absolute;
		    float: right;
		    margin-top: .6rem;
		    top: 0;
		    right: .8rem;
		    width: 3rem;
		    line-height: 2.5rem;
		    font-size: 1.1rem;
		    text-align: center;
		    color: #ee7f31;
		}
	}
	
}
 .clear_icon{
	width: 1.2rem;
	height: 1.2rem;
	position: absolute;
	border-radius: 50%;
	right: .65rem;
	top: 50%;
	margin-top:-.6rem;
	display: none;
	background:#CCCCCC url(../images/clear.png)no-repeat center center;
	background-size: 80% auto;
}
.searchbox{
	background: #fff;
	max-width:640px;
	margin:3.7rem auto 0;
	.hot{
		padding:1rem 1.5rem;
		border-top:1px solid #F6F6F6;
		border-bottom:1px solid #F6F6F6;
		h3{
			color: #A0A0A0;
			font-size: .9rem;
			font-weight: normal;
		}
		ul{
			margin-top: 1rem;
			li{
				float: left;
				margin-right: 1rem;
				a{
					
					color: #6E6E6E;
					font-size: .9rem;
					display: block;
					padding: .4rem 1rem;
					border-radius: 1.2rem;
					border:1px solid #F8F8F8;
				}
			}
		}
	}
	.record{
		.lishi{
			color: #A0A0A0;
		}
		li{
			
			a{
				display: block;
				margin-left: 1.5rem;
				line-height: 3rem;
				color: #6e6e6e;
				font-size: .9rem;
				border-bottom: 1px solid #F6F6F6;
			}
		}
	}
}